<html>
	<head>
		<meta charset="utf-8">
		<title>全选</title>
		<script type="text/javascript">
			function selAll() { //全部选中
				var ar = document.getElementsByName("like");
				var a = document.getElementById("s1");
				if (a.checked == true) {
					for (var i in ar) {
						ar[i].checked = true;
					}
				} else {
					for (var i in ar) {
						ar[i].checked = false;
					}
				}
			}
		</script>
		<style type="text/css">
			.a1 {
				position: absolute;
				top: 40px;
				left: 120px;
			}

			.a2 {
				position: absolute;
				top: 40px;
				left: 350px;
			}

			.a3 {
				position: absolute;
				top: 40px;
				left: 660px;
			}

			.b1 {
				position: absolute;
				top: 90px;
				left: 320px;
			}

			.b2 {
				position: absolute;
				top: 240px;
				left: 400px;
			}

			.b3 {
				position: absolute;
				top: 380px;
				left: 340px;
			}

			.b4 {
				position: absolute;
				top: 530px;
				left: 350px;
			}

			#p1 {
				position: absolute;
				top: 100px;
				left: 100px;
			}

			#p2 {
				position: absolute;
				left: 100px;
				top: 250px;
			}

			#p3 {
				position: absolute;
				left: 100px;
				top: 400px;
			}

			#p4 {
				position: absolute;
				left: 100px;
				top: 550px;
			}

			#s1 {
				position: absolute;
				top: 50px;
			}

			.d5 {
				position: absolute;
				top: 32px;
				left: 30px;

			}

			#s2 {
				position: absolute;
				top: 150px;
				left: 50px;
			}

			#s3 {
				position: absolute;
				top: 280px;
				left: 50px;
			}

			#s4 {
				position: absolute;
				top: 430px;
				left: 50px;
			}

			#s5 {
				position: absolute;
				top: 580px;
				left: 50px;
			}

			.c1 {
				position: absolute;
				top: 120px;
				left: 380px;
			}

			.c2 {
				position: absolute;
				top: 270px;
				left: 380px;
			}

			.c3 {
				position: absolute;
				left: 380px;
				top: 410px;
			}

			.c4 {
				position: absolute;
				left: 380px;
				top: 560px;
			}

			.d1 {
				position: absolute;
				left: 650px;
				top: 100px;
			}

			.d2 {
				position: absolute;
				left: 650px;
				top: 250px;
			}

			.d3 {
				position: absolute;
				left: 650px;
				top: 400px;
			}

			.d4 {
				position: absolute;
				left: 650px;
				top: 540px;
			}

			#e1 {
				position: absolute;
				top: 170px;
				left: 400px;
			}

			#e2 {
				position: absolute;
				top: 320px;
				left: 400px;
			}

			#e3 {
				position: absolute;
				top: 460px;
				left: 400px;
			}

			#e4 {
				position: absolute;
				top: 610px;
				left: 400px;
			}

			.f1 {
				position: absolute;
				top: 130px;
				left: 660px;
			}

			.f2 {
				position: absolute;
				top: 270px;
				left: 660px;
			}

			.f3 {
				position: absolute;
				left: 660px;
				top: 420px;
			}

			.f4 {
				position: absolute;
				left: 660px;
				top: 570px;
			}
		</style>
	</head>
	<body>

		<div><img src="../img/list_bg.gif"> </div>
		<p class="a1">商品图片</p>
		<p class="a2">商品名称/出售者/联系方式</p>
		<p class="a3">价格</p>
		<p class="b1">杜比环绕，家庭影院必备，超真实享受</p>
		<p class="b2">极致显卡，不容错过</p>
		<p class="b3">精品热卖 高清晰 48寸等离子电视</p>
		<p class="b4">家用最新款笔记本</p>
		<p class="c1">出售者：周杰伦</p>
		<p class="c2">出售者：刘德华</p>
		<p class="c3">出售者：张学友</p>
		<p class="c4"> 出售者：小路</p>
		<div id="p1"><img src="../img/list0.jpg"> </div>
		<p class="d1">一口价</p>
		<p class="d2">一口价</p>
		<p class="d3">一口价</p>
		<p class="d4">一口价</p>
		<p class="d5">全选</p>
		<p class="f1">3999</p>
		<p class="f2">4999</p>
		<p class="f3">5999</p>
		<p class="f4">6999</p>
		<div id="p2"><img src="../img/list1.jpg"> </div>
		<div id="p3"><img src="../img/list2.jpg">
			<div><img src="../img/list3.jpg"></div>
			
		</div>
		<div id="e1"> <img src="../img/online_pic.gif"> <img src="../img/list_tool_fav1.gif"> 收藏</div>
		<div id="e2"><img src="../img/online_pic.gif"> <img src="../img/list_tool_fav1.gif"> 收藏</div>
		<div id="e3"><img src="../img/online_pic.gif"> <img src="../img/list_tool_fav1.gif"> 收藏</div>
		<div id="e4"><img src="../img/online_pic.gif"> <img src="../img/list_tool_fav1.gif"> 收藏</div>
		<input type="checkbox" name="but" id="s1" value="全部选中" onclick="selAll()" />
		<input type="checkbox" name="like" value="声卡" id="s2" />
		<input type="checkbox" name="like" value="显卡" id="s3" />
		<input type="checkbox" name="like" value="电视" id="s4" />
		<input type="checkbox" name="like" value="笔记本" id="s5" />
	</body>
	</html>
